<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
    <title>index</title>
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <p>上海<span></span></p>
        <input type="text" placeholder="请输入电影名称、电影院" name="movieOrCinema" id="movieOrCinema">
        <span></span>
    </div>
    <!-- 头部结束 -->
    <!-- 导航开始 -->
    <div class="banner">
    </div>
    <!-- 导航结束 -->
    <!-- 热映开始 -->
    <div class="new-movie">
        <p>
            <a href="#" class="active">正在热映</a>
            <a href="#">即将上映</a>
            <a href="#">排行榜</a>
        </p>
        <ul>
            <li>
                <a href="#"><img src="./images/source/movie_1.jpg" alt="电影八佰"></a>
                <span>八佰</span>
                <i>2020-08-01上映</i>
            </li>
            <li>
                <a href="#"><img src="./images/source/movie_2.jpg" alt="电影我在时间尽头等你"></a>
                <span>我在时间尽头等你</span>
                <i>2020-08-01上映</i>
            </li>
            <li>
                <a href="#"><img src="./images/source/movie_3.jpg" alt="电影荞麦疯长"></a>
                <span>荞麦疯长</span>
                <i>2020-08-01上映</i>
            </li>
        </ul>
        <a href="#">查看更多(30部)&lt;</a>
    </div>
    <!-- 热映结束 -->
    <!-- 电影院介绍开始 -->
    <div class="cinema1">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <div class="cinema2">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <!-- 电影院介绍结束 -->
    <!-- 底部通栏导航开始 -->
    <div class="footer">
        <div class="index">
            <a href="./index.html" class="active">
                <span class="icon icon1"></span>
                <span>首页</span>
            </a>
        </div>
        <div class="movie">
            <a href="./movie.html">
                <span class="icon icon2"></span>
                <span>电影</span>
            </a>
        </div>
        <div class="cinema">
            <a href="./cinema.html">
                <span class="icon icon3"></span>
                <span>电影院</span>
            </a>
        </div>
        <div class="find">
            <a href="./find.html">
                <span class="icon icon4"></span>
                <span>发现</span>
            </a>
        </div>
        <div class="my">
            <a href="./my.html">
                <span class="icon icon5"></span>
                <span>我的</span>
            </a>
        </div>
    </div>
    <!-- 底部通栏导航结束 -->
</body>
</html>